<?php

?>


#elggchat_toolbar {
	position: fixed;
	bottom: 0px;
	height: 25px;
	display: none;
	left: 0px;
	z-index: 9999;
} 

*html #elggchat_toolbar {
	position: absolute;
	bottom: 0px;
	height: 25px;
	display: none;
	left: 0px;
	z-index: 9999;
}

#elggchat_toolbar_left {
	border-top:1px solid #CCCCCC;
	
	float:right;
	background: #DEDEDE;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 4px;
	
}

#elggchat_copyright{
	color: #CCCCCC;
	padding-left: 5px;
	float:left;
	display: none;
}

#elggchat_windows{
	display:none;
}

.elggchat_window table{
	width: 100%; 
	height: 100%; 
	background: #DEDEDE;
}



#elggchat_sessions{
	float:left;
}

.elggchat_session {
	float: left;
	background: #E4ECF5;
	color: #4690D6;
	border: 1px solid #4690D6;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
    padding:3px;
    margin:0 5px 5px 5px;
	
}

.elggchat_session_active {
	background:#333333;
	border:1px solid #CCCCCC;
	color: white;
}

.elggchat_session:hover {
	background:#4690D6;
	color: white;
	cursor:pointer;
}


#elggchat_friends{
	float:right;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding: 0 5px 0 5px;
	
}

#elggchat_friends_picker{
	display: none;
	position: fixed;
	bottom: 25px;
	right: 0px;
	background: white;
	padding: 5px 20px 5px 5px;
	max-height:300px;
	overflow-y: auto;
	white-space: nowrap;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	-moz-border-radius-topleft:5px; 
	-webkit-border-top-left-radius:5px;	
}

.toggle_elggchat_toolbar {
	border-top:1px solid #CCCCCC;	
	width: 15px;
	height: 100%;
	float:left;
	background:#DEDEDE url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/minimize.png) repeat-x left center;	
}

.minimizedToolbar {
	background-position: right center;
	border-right:1px solid #CCCCCC;
	-moz-border-radius-topright:5px; 
	-webkit-border-top-right-radius:5px;		
}

#chat_menu{
	background:#333333 url(<?php echo $vars['url']; ?>_graphics/toptoolbar_background.gif) repeat-x top left;
	border-bottom:1px solid #000000;
	height:20px;
}

#chat_menu a{
	color: white;
}

#chat_menu_invite {
	float:left;
	margin-top: 2px;
	margin-left: 5px;
}
#chat_menu_leave {
	float:left;
	margin-left: 20px;
	margin-top: 2px;
}
#chat_menu_info {
	float:right;
	margin-top: 2px;

}

#chat_data {
	overflow: auto; 
	min-height:170px; 
	background: #DEDEDE;
}

#chat_friends {
	display:none;
}
#chat_info {
	display:none;
}

#chat_loading {
	display:none;
	margin-top:30px; 
	text-align:center
}

.messageWrapper {
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    padding:10px;
    margin:0 5px 5px 5px;
}

.messageWrapper table{
	background: white;
	height: 0px;
}
.systemMessageWrapper {
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    padding:3px;
    margin:0 5px 5px 5px;
	color: #999999;
}

.messageIcon {
	margin-right: 7px;
}

.messageName {
	border-bottom:1px solid #DDDDDD;
	width: 100%;
	font-weight: bold;
}























/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	background: #ffffff url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	border: 4px solid #aaaaaa; 
	position: fixed !important;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	background: #e6e6e6 url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #222222;
	/* padding: 1.5em 1.7em;	*/
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #aaaaaa;
	background: #ffffff;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #212121;
	background: #ffffff url(<?php echo $vars['url']; ?>mod/elggchat/_graphics/chatwindow/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #aaaaaa;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
